@import "../../../static/scss/variables";

.card-title {
  padding-right: 10px;
  position: relative;

  .fa {
    position: absolute;
    right: 5px;
    top: 5px;
  }
}

.td-quick-editable {

  i.fa {
    margin-top: 8px;
    float: right;
    cursor: pointer;
    opacity: 0;
    position: relative;
    z-index: 10;
  }

  &:hover i.fa {
    opacity: 1;
  }

  &:focus {
    position: relative;
    &:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
      border: 1px dashed $brand-dark;
    }
  }
}

.card .panel:not(.no-border) .hbox > a:first-child.b-l {
  border-left: 0;
}